<template>
	<view class="content">
		<view class="rules">
			<view class="title">
				<text class="title-text">拼团规则</text>
				<view class="line"></view>
			</view>
			<view class="text">开启自动参团之后，系统将自动参与新团，直到账户上一次参团的余额不足以参加一个新团。</view>
			<view class="text">两个团之间的差额将原路退回，符合下一个团的资金自动用于下一个团抵扣。</view>
			<view class="text">每个用户每日最多自动参加10次团，达到10次团明日继续自动参团。</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'auto',
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 20rpx;
		height: 100vh;
		.switch-btn {
			padding: 20px;
			background: #fff;
			margin: 20rpx 0;
			border-radius: 16rpx;
			color: #333333;
			@include flexBox(space-between, center);
			.title {
				font-weight: 600;
				color: #000000;
				font-size: 36rpx;
			}
		}
		.rules {
			padding: 20px;
			background: #fff;
			border-radius: 16rpx;
			color: #333333;
			.title {
				margin-bottom: 20rpx;
				@include flexBox(center, center, column);
				.title-text {
					color: #2B2C2E;
					font-size: 32rpx;
					font-weight: 600;
					z-index: 2;
				}
				.line {
					width: 128rpx;
					height: 16rpx;
					background: $main-color;
					border-radius: 50rpx;
					margin-top: -16rpx;
					z-index: 1;
				}
			}
			.text {
				margin-bottom: 20rpx;
			}
		}
	}
</style>
